Diese Unterschiede haben etwas mit Block- und Inline-Elemente zu tun
"FormatGruppierungselemente" wie <span>, <P>, <div> haben eigene Regeln, beispielsweise kann <P> nicht mit <P> verschachtelt werden.
Nach dieser Beschreibung nehmen Bock-Elemente die ganze Zeile in Anspruch. Dagegen sind die Inline-Elemente mit Teile einer Zeile zufrieden.
Mein Pseudotag <seo> ist undefiniert, somit per default ein Inline-Element. Das kann man mit CSS ändern.
<style>
seo {display: block;}
</style>
Dieser Tag ist einfach ein Pseudotag, demnach ein Inline-Element. Dieser Tag ist als Block-Element in Style definiert worden.Vertikale Darstellung
ist nicht vom
Block-Element abhängig
<seoIL style="text-align:center;background-color:yellow;">Dieser Tag ist einfach ein Pseudotag, demnach ein Inline-Element.</seoIL>
<seo style="text-align:center;background-color:yellow;">Dieser Tag ist als Block-Element in Style definiert worden.</seo>
<seoIL style="writing-mode: vertical-lr;text-orientation: upright;background-color:yellow;">Vertikale Darstellung<br><br>ist nicht vom<br><br>Block-Element abhängig</seoIL>
Eigentlich müsst nun auch eine vertikale Laufschrift möglich sein. Info zur Textausrichtung. Da findet man auch transform: rotate(90deg).